<template>
	<view class="main">
		<u-navbar
		back-text="" 
		title="名片夹" 
		back-icon-color="#ffffff"
		title-color="#ffffff"
		title-size="34"
		:border-bottom="false"
		:background="background">
			<view class="header">
				<text>黑名单</text>
			</view>
		</u-navbar>
		<view class="content">
			<block v-for="(item,index) in 5" :key="index">
				<notice-card
				:isTo="true"
				:ico="'../../static/image/ico/xtxx.png'" 
				:title="'系统消息'" 
				:time="'2021/06/18'" 
				:des="'灵活用工平台:恭喜!您的实名认证申请已经'"></notice-card>
			</block>
		</view>
	</view>
</template>

<script>
	import noticeCard from "@/components/NoticeCard.vue"
	export default {
		components:{
			noticeCard
		},
		data() {
			return {
				background: {
					backgroundColor:"#4A90E2"
				},
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.main{
		min-height: 100vh;
		background-color: #f9f9f9;
		.header{
			flex: 1;
			display: flex;
			justify-content: flex-end;
			font-size: 28rpx;
			font-weight: 400;
			color: #FFFFFF;
			padding: 0 30rpx 0 0;
		}
		.content{
			padding: 0 30rpx;
			background-color: #ffffff;
			/deep/.notice_card:last-child{
				.item{
					border-bottom: 0;
				}
				
			}
		}
	}
	
</style>
